// components/file-upload/file-upload.ts
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    maxCount: {
      type: Number,
      value: 1
    },
    disabled: {
      type: Boolean,
      value: false,
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    fileList: [
      {
        url: 'https://img.yzcdn.cn/vant/leaf.jpg',
        name: '图片1',
      }
    ],
  },

  /**
   * 组件的方法列表
   */
  methods: {
    delImage(index: number) {
      const temp = this.data.fileList;
      temp.splice(index,1)
      this.setData({
        fileList: temp
      })
    },
    afterRead(event) {
      const self = this;
      const { file } = event.detail;
      // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
      wx.uploadFile({
        url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
        filePath: file.url,
        name: 'file',
        formData: { user: 'test' },
        success(res) {
          // 上传完成需要更新 fileList
          const { fileList = [] } = self.data;
          const item = { ...file, url: res.data };
          fileList.push(item);
          self.setData({ fileList });
          self.triggerEvent('uploadSuccess',{
            file: item,
            fileList: self.data.fileList
          })
        },
      });
    },
  }
})